<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>确认订单</title>
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="./css/public.css?v=20181211" />
		<link rel="stylesheet" href="css/pay-order.css?v=20181211" />
		<script src='./js/jquery-3.2.1.min.js'></script>
		<script src="./js/mui.min.js"></script>
		<script src="./js/art-template.js"></script>
		<script src="./js/config.js?v=20181211"></script>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav header_change_color">
			<a href="city.html" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">确认订单</h1>
		</header>
		<div class='mui-content'>
			<!--添加收货地址-->
			<div class='add-address'>
				<p><span class='about-name'>收货人：小芳</span> <span>130565655565</span></p>
				<p style="margin:5px 0;">收货地址：湖北省武汉市江夏区武大园一路华科创业楼1603室哈哈哈哈哈哈哈哈哈</p>
			</div>
			<!--支付选择-->
			<div class='pay-methods'>
				<div class="mui-input-row mui-radio mui-left" >
					<label style='padding-left: 0;margin-left: .5rem;'>支付方式</label>
				</div>
				<div class="mui-input-row mui-radio mui-left">
					<label>微信支付</label>
					<input name="radio1" type="radio" checked="checked">
				</div>
				<div class="mui-input-row mui-radio mui-left">
					<label>货到付款</label>
					<input name="radio1" type="radio">
				</div>
			</div>
			<!--商品列表-->
			<div class='cart-container'>
				<div class='cart-top'>
					<img src="./image/logo.png" alt="" width="25" height="25" class='cart-top-img'/>
					<span class='shop-name'>智宸水店</span>
				</div>
				<div class='good-contanier'>
					<img src="http://www.qds.cn/uploads/goods/imgs/1/3_1.jpg?time=1530252912" max-width="65" height="65" class='goods-img' alt="" />
					<div class='good-detail'>
						<p class='goods-title'>景田山泉水30L</p>
						<p style="color:red;">￥30.00 <span style="color: #000000;margin: 1rem;"> x 2 </span></p>
					</div>
				</div>
				<div class='good-contanier'>
					<img src="http://www.qds.cn/uploads/goods/imgs/1/3_1.jpg?time=1530252912" max-width="65" height="65" class='goods-img' alt="" />
					<div class='good-detail'>
						<p class='goods-title'>景田山泉水30L</p>
						<p style="color:red;">￥30.00 <span style="color: #000000;margin: 1rem;"> x 3 </span></p>
					</div>
				</div>
			</div>
			<!--备注-->
			<div class="mui-input-row">
		        <input id='remark-input' type="text" class="mui-input-clear" placeholder="有特殊要求请在这里备注">
   			</div>

   			<!--实付-->
   			<p class='need-pay'>
   				实付   <span> ￥ 334.00</span>
   			</p>

   			<!--底部定位-->
			<div class='cart-footer'>
				<p class='footer-total'>合计：<span style="color: red;margin:0.4rem;"> ￥ 334.00</span></p>
				<button class='footer-count' onclick="redirect('market-cart-detail.html')">结算</button>
			</div>

		</div>
		<!--mui-content-->
		<script src='js/commen.js?v=20181211'></script>
	</body>

</html>
